<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>云渲染监控平台</title>

    <meta name="description" content="3 styles with inline editable feature" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />


    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="css/ace.min.css" id="main-ace-style" />

    <link rel="stylesheet" href="css/previewStyle.css" />

    <!-- inline styles related to this page -->
    <script src="js/angular.min.js"></script>

    <!--css style-->
    <!--<style>-->
    <!--.sky {-->
    <!--background-color:green-->
    <!--}-->
    <!--.tomato {-->
    <!--background-color:yellow-->
    <!--}-->
   <!--</style>-->
</head>

<body class="no-skin">


<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <!-- /section:basics/sidebar.mobile.toggle -->
        <div class="navbar-header pull-left">
            <!-- #section:basics/navbar.layout.brand -->
            <a href="#" class="navbar-brand">
                <small>
                    <i class="fa fa-tachometer"></i>
                    云渲染监控平台
                </small>
            </a>
        </div>
        <div ng-include="'html/navigation.html'"></div>

        <!-- /section:basics/navbar.dropdown -->
    </div><!-- /.navbar-container -->
</div>

<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">

            <!-- /section:settings.box -->
            <div class="page-content-area">

                <div class="row">
                    <div class="col-xs-12">


                        <div id="friends" class="tab-pane" ng-app="previewApp" ng-controller="previewCtrl">

                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="table-header">
                                                <i class="ace-icon fa fa-globe bigger-120 hidden-480"></i>
                                                3D效果预览
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" ng-if="masPartHd!=null">

                                        <div class="col-xs-8 drawCanvas">
                                            <div id="operationWindow">
                                                <div class="showContainer" ng-repeat="masPartRegion in masPartHd.masPartRegions | orderBy:'-regionCode'" >
                                                    <img class="images" id="images_{{masPartRegion.regionCode}}" src="{{imagesPrefix}}{{masPartRegion.defaultAssemply.defaultFabric.fullFilePath}}" draggable="false"></img>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="btn-group-vertical col-xs-2" data-toggle="buttons" style="float:left;">
                                            <label class="btn btn-primary region-menu" ng-repeat="masPartRegion in masPartHd.masPartRegions" ng-click="regionSelect(this)">
                                                <input type="radio" name="options-region">{{masPartRegion.regionName}}</input>
                                            </label>
                                        </div>
                                        <div class="region-page col-xs-2" style="display:none" ng-repeat="masPartRegion in masPartHd.masPartRegions" id="region_{{masPartRegion.regionCode}}">
                                            <div ng-repeat="masPartAssemply in masPartRegion.masPartAssemplys">
                                                <div class="assemply center"> {{masPartAssemply.assemplyName}} </div>
                                                <div class="btn-group-vertical col-xs-12" data-toggle="buttons" >
                                                    <label class="btn btn-default fabric-menu center" ng-repeat="masPartFabric in masPartAssemply.masPartFabrics" ng-click="fabricSelect(this)">
                                                        <input type="radio" name="options-fabric">{{masPartFabric.fabricName}}</input>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row noSourse" ng-if="masPartHd==null">
                                        没找到资源
                                    </div>

                                </div><!-- /#friends -->



                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content-area -->
        </div><!-- /.page-content -->
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <!-- #section:basics/footer -->
            <div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">QiShon</span>
							Application &copy; 2015-2017
						</span>

                &nbsp; &nbsp;
                <span class="action-buttons">
							<a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
							</a>
						</span>
            </div>

            <!-- /section:basics/footer -->
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- basic scripts -->
<!--<script type="text/javascript">-->
    <!--if('ontouchstart' in document.documentElement) document.write("<script src='js/jquery.mobile.custom.min.js'>"+"<"+"/script>");-->
<!--</script>-->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/jquery.dataTables.bootstrap.js"></script>

<!-- ace scripts -->
<script src="js/ace-elements.min.js"></script>
<script src="js/ace.min.js"></script>
<script src="js/previewApp.js"></script>
<script src="js/previewCtrl.js"></script>


</body>
</html>
